<html>
	<head>
		<title>炫卡</title>
		<meta charset="utf-8">
		<style type="text/css">
		* {
			font: "Arial";
			margin: 0px;
			padding: 0px;
		}
		body {
			background-color: #193964;
		}
		p {
			color: white;
		}

		.pageHeader {
			width: 640px;
			height: 800px;
			margin: 0 auto;
			position: relative;
		}

		.pageHeader p {
			direction: ltr;
			position: absolute;
			font: "Arial";
			font-size: 35px;
			top: 180px;
			right: 20px;
			-webkit-transform:rotate(90deg);
			-moz-transform:rotate(90deg);
		}
		.pageHeader img{
			margin: 0 70px;
			width: 500px;
			height: 800px;
		}

		.pageFooter {
			width: 100%;
			margin: 0 auto;
		}
		.pageFooter .normalp {
			font-size: 24px;
			text-align: center;
			margin: 40px;
		}
		.pageFooter .biggerp {
			font-size: 32px;
			text-align: center;
		}

		</style> 
	</head>
	<body>
		<div class="pageHeader">
			<img src="tt.png"/>
			<p>美廉美超市会员卡</p>
		</div>
		<div class="pageFooter">
			<p class="normalp">还有1230x个卡友持有这张卡</p>
			<p class="biggerp">炫卡----炫出个性、炫出格调</p>
			<p class="normalp"><img src="images/Icon.png" width="30px" height="30px"/><a href="#">点击即可下载</a></p>
		</div>

	</body>
</html>